<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/swiper-bundle.css">
    <script src="../js/axios.min.js"></script>
    <script src="../js/swiper-bundle.js"></script>
    <script src="../font/font_k4cnetnlyc/iconfont.js"></script>
    <link rel="stylesheet" href="../css/item.css">
    <script src="../js/item.js"></script>
    <link rel="stylesheet" href="../css/bottom.css">
    <style>
        img {
            width: 300px;
        }
    </style>
</head>

<body>
    <div class="swiper-container swiper-top">
        <div class="swiper-wrapper top-swi">
            <div class="swiper-slide">YSL全新「大理石」气垫，混干挚爱，高阶微光奶油肌，润·遮·亮 一步到位</div>
            <div class="swiper-slide">10.1-10.15任购满500臻享免费刻字礼遇，定制专属您的YSL星品</div>
            <div class="swiper-slide">10.1-10.15任购满500臻享免费刻字礼遇，定制专属您的YSL星品</div>
        </div>
        <div class="swiper-button-prev top-button-prev"></div>
        <div class="swiper-button-next top-button-next"></div>
    </div>
    <div class="logo" id="logo">
        <div class="wrapper">
            <ul class="wrapper-left">
                <li>
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-31dingwei
                    "></use>
                  </svg> 专柜查询
                </li>
                <li>客服中心</li>
            </ul>
            <a href="index.html">
                <img src="../images/logo@2x.png" alt="">
            </a>
            <ul class="wrapper-right">
                <li>关注我们</li>
                <li class="wrapper-right-sp">
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-yonghu"></use>
                  </svg>
                    <span><a href="./login.html">登录</a></span>
                    <span class="split"></span>
                    <span><a href="./register.html">注册</a></span>
                </li>
                <li>购物袋</li>
            </ul>
        </div>
    </div>
    <div class="nav">
        <div class="nav-con">
            <ul class="nav-con-ul">
                <li class="nav-con-ul-li">
                    <a class="nav-con-li" href="#">锁定11.11权益</a>

                </li>
                <li class="nav-con-ul-li" id="control">
                    <a class="nav-con-li" href="#">彩妆</a>
                </li>
                <li class="nav-con-ul-li">
                    <a href="#">护肤</a>
                </li>
                <li class="nav-con-ul-li">
                    <a href="#">人气香水</a>
                </li>
                <li class="nav-con-ul-li">
                    <a class="nav-con-li" href="#">礼盒</a>
                </li>
                <li class="nav-con-ul-li">
                    <a href="#">定制服务</a>
                </li>
                <li class="nav-con-ul-li">
                    <a href="#">会员中心</a>
                </li>
                <li class="nav-con-ul-li">
                    <a href="#">品牌故事</a>
                </li>
            </ul>
            <div class="input-form">
                <span class="sear">搜索商品</span>
                <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-sousuo"></use>
              </svg>
            </div>
        </div>
    </div>
    <div class="main-top">
        <div class="main-top-con">
            <h1>详情</h1>
            <a href="shoppingTrolley.html" onclick="myCartClick(this)">我的的购物车</a>
            <a href="./details.html" onclick="myCartClick(this)">返回商品列表</a>
        </div>
        <div class="main-con">
            <div class="main-con-box">
                <img src="" alt="" class="pimg" />
                <h2 class="pname"></h2>
                <p class="pdesc"></p>
                <p class="pprice"></p>
                <p>数量：<input type="number" value="1" max="10" min="1" class="pnum" /></p>
                <p><button class="save-btn" onclick="addCart()">加入购物车</button></p>
            </div>
        </div>
    </div>
    <div class="footer-topcontent">
        <div class="topcontent-wrapper">
            <div class="topcontent-item">
                <div class="topcontent-item-wrapper">
                    <img class="icon-box" src="../images/topcontent01.png" alt="ysl">
                    <p class="main-text">独家优惠</p>
                    <p class="sub-text">独家在线产品和特权</p>
                </div>
            </div>
            <div class="topcontent-item">
                <div class="topcontent-item-wrapper">
                    <img class="icon-box" src="../images/topcontent02.png" alt="ysl">
                    <p class="main-text">正品保证</p>
                    <p class="sub-text">官方直供原装</p>
                </div>
            </div>
            <div class="topcontent-item">
                <div class="topcontent-item-wrapper">
                    <img class="icon-box" src="../images/topcontent03.png" alt="ysl">
                    <p class="main-text">免费顺丰速递</p>
                    <p class="sub-text">港澳台偏远地区除外亦可提供普通快递服务</p>
                </div>
            </div>
            <div class="topcontent-item">
                <div class="topcontent-item-wrapper">
                    <img class="icon-box" src="../images/topcontent04.png" alt="ysl">
                    <p class="main-text">高定礼盒</p>
                    <p class="sub-text">尊享YSL高定礼盒包装甄享官网专属定制服务</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>